<!--
 * @Author: linjituan linjituan@revolution.com
 * @Date: 2024-11-13 17:48:23
 * @LastEditors: linjituan linjituan@revolution.com
 * @LastEditTime: 2024-11-26 23:57:41
 * @FilePath: \hm-twx-admin\src\components\postCell\src\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<script lang="ts" setup>
import { PostEdit } from "@/components/PostEdit";
import { ref } from "vue";

const showPostEdit = ref(false);
const emit = defineEmits(["resetBuzzPage"]);

function editEvent() {
  showPostEdit.value = true;
}

function closeEvent() {
  showPostEdit.value = false;
}

function newBuzzSuccess() {
  
}
</script>

<template>
  <div class="post_cell_wrap">
    <div class="user-img">
      <img class="logo-img" src="@/assets/images/edit.png" alt="" />
    </div>
    <div class="input-wrap" @click="editEvent">share your buzz</div>
    <PostEdit v-show="showPostEdit" @close="closeEvent" @newBuzzSuccess="newBuzzSuccess" />
  </div>
</template>

<style lang="less" scoped>
.post_cell_wrap {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  background: #fff;
  border-radius: 14px;

  .user-img {
    width: 40px;
    height: 40px;
    margin-right: 10px;

    .logo-img {
      width: 100%;
      height: 100%;
    }
  }

  .input-wrap {
    flex: 1;
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 40px;
    color: #999;
    background-color: #f5f5f5;
    border-radius: 20px;
  }
}
</style>